<template>
    <div>
        <el-tabs v-model="active" type="card">
            <el-tab-pane label="设备列表" name="1" lazy>
                <DeviceList :village="village" :interfaces="[
                    Interfaces.门禁_海康云,
                    Interfaces.门禁_大华云
                ]" />
            </el-tab-pane>
            <el-tab-pane label="门禁配置" name="2" lazy>
                <Config v-if="active === '2'"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { Village } from "../../types";
import { Interfaces } from "../设备列表/api";
import DeviceList from "../设备列表/index.vue";
import Config from './门禁配置/index.vue'
defineProps<{
    village: Village
}>()
const active = ref('1')
</script>
<style scoped>
</style>